<!-- https://chenxiao.obs.cn-north-1.myhuaweicloud.com/img/46_1685022934272880373.3Av9IExgm5mF7603321a8459001ca1c36626e8df15ac.png -->
<template>
  <u-popup :show="show" round="10px" @close="close" :closeOnClickOverlay="true" bgColor="transparent" mode="center">
    <div class="share_popup">
      <div class="title">
        <span>帮助了</span>
        <span class="num">57个</span>
        <span>餐友</span>
      </div>
      <div class="secont_title">
        <span>恭喜获得</span>
        <span class="num">37积分</span>
      </div>
      <button class="btn" open-type="share"></button>
      <div class="jfmx" @click="goMx">积分明细</div>
    </div>
    <image @click="close" class="close" src="/static/images/common/close.png" mode="scaleToFill" />
  </u-popup>
</template>

<script>
export default {
  name: "sharePopup",
  props: {},
  data() {
    return {
      show: false,
    };
  },
  created() {},
  methods: {
    goMx() {
      this.show = false;
      this.$jump("/pages3/integralDetail");
    },
    open() {
      this.show = true;
    },
    close() {
      this.show = false;
    },
  },
};
</script>

<style lang="scss" scoped>
.share_popup {
  width: 275px;
  height: 305px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("https://chenxiao.obs.cn-north-1.myhuaweicloud.com/img/46_1685022934272880373.3Av9IExgm5mF7603321a8459001ca1c36626e8df15ac.png");
  .title {
    font-size: 18px;
    font-family: AlibabaPuHuiTi-Heavy, AlibabaPuHuiTi;
    font-weight: 900;
    color: #333333;
    width: 100%;
    text-align: center;
    margin-top: 119px;
    letter-spacing: 2px;
  }
  .secont_title {
    text-align: center;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 20px;
    margin: 10px auto 33px;
  }
  .btn {
    width: 213px;
    height: 40px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("https://chenxiao.obs.cn-north-1.myhuaweicloud.com/img/46_1685023621939138470.NvcIT3PupY2nee69c5c2de2d43edcd45e3cf44109e68.png");
  }
  .jfmx {
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #ff8822;
    text-align: center;
    margin-top: 18px;
  }
  .num {
    color: #ff8822;
  }
}
.close {
  width: 23px;
  height: 23px;
  margin: 10px auto;
}
</style>
